<template>
  <div>
    <a-tabs type="card" :activeKey="activeKey" @change="tabsChange">
      <a-tab-pane v-for="item in cardList" :key="item.key" :tab="item.title">
      </a-tab-pane>
    </a-tabs>
    <posterBoard v-if="activeKey == 1"></posterBoard>
    <posterPicture v-if="activeKey == 2"></posterPicture>
    <posterText v-if="activeKey == 3"></posterText>
  </div>
</template>

<script>
import posterPicture from './components/posterPicture.vue'
import posterText from './components/posterText.vue'
import posterBoard from './components/posterBoard.vue'
export default {
  name: 'GalleryPosterStencils',
  components: {
    posterPicture,
    posterText,
    posterBoard
  },
  data () {
    return {
      cardList: [
        { title: '海报模板', key: 1 },
        { title: '海报主图', key: 2 },
        { title: '海报文案', key: 3 }
      ],
      activeKey: 1
    }
  },
  created () {},
  mounted () {},
  methods: {
    tabsChange (val) {
      this.activeKey = val
    }
  }
}
</script>

<style scoped lang="less">
</style>
